<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8"/>
<title>少年游</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="width"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="format-detection" content="telephone=no"/>

<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
<!-- Android 主屏图标 -->
<link rel="icon" sizes="196x196" href="images/apple-touch-icon-152x152.png" />
<!-- IOS 主屏图标 -->
<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-76x76.png"/>
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/apple-touch-icon-76x76.png"/>
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/apple-touch-icon-120x120.png"/>
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/apple-touch-icon-152x152.png"/>

<link th:href="@{/css/common.css}" rel="stylesheet" type="text/css"/>

<script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script type="text/javascript" th:src="@{/js/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
<script type="text/javascript" th:src="@{/js/login.js}"></script>

</head>

<body class="register">

<div class="RegisterPage">
    <div class="LoginBanner"><img th:src="@{/images/common/logo.jpg}" width="300" height="300" alt="少年游" /></div>
    <div class="registerform">
        <form id="loginForm" th:action="@{/login/login}" action="/login/login" method="post"  novalidate="novalidate">
            <div class="formbox">
                <ul class="loginbox">
                    <li class="inputgroup">
                        <span class="login-form-idcard"></span>
                        <input placeholder="请输入身份证号码" name="idCard" class="input" id="idCard" maxlength="18"/>
                    </li>
                    <li class="inputgroup">
                        <span class="login-form-phone"></span>
                        <input placeholder="请输入手机号码" name="mobile" class="input" id="mobile" maxlength="11" />
                    </li>
                    <li class="inputgroup sendcode">
                        <span class="login-form-code"></span>
                        <input placeholder="请输入验证码" name="code" class="input" id="code" maxlength="6" autocomplete="off"/>
                        <a id="btnSendCode" class="btnSendCode fr"><span>获取验证码</span></a>
                    </li>
                </ul>
                <input type="hidden" id="openid" name="openid" th:value="${openid}"/>
                <div class="btn">
                	<button type="submit" class="ui-btn">登录</button>
                </div>
            </div>

        </form>
    </div>
    <div class="explain">
    	<p style="color: red;" th:text="${msg}"/>
		已发送的验证码，30分钟内有效。一天内最多发送5次。
    </div>
</div>

<script>
	$(function(){
		Login.initAuthCodeTime();
	})
	
</script>


</body>
</html>
